.opacity {
  opacity: 0;
  transition: 1s;
}

.top25 {
  transform: translate3d(0, -25%, 0);
}

.top50 {
  transform: translate3d(0, -50%, 0);
}

.top100 {
  transform: translate3d(0, -100%, 0);
}

.right25 {
  transform: translate3d(25%, 0, 0);
}

.right50 {
  transform: translate3d(50%, 0, 0);
}

.right100 {
  transform: translate3d(100%, 0, 0);
}

.bottom25 {
  transform: translate3d(0, 25%, 0);
}

.bottom50 {
  transform: translate3d(0, 50%, 0);
}

.bottom100 {
  transform: translate3d(0, 100%, 0);
}

.left25 {
  transform: translate3d(-25%, 0, 0);
}

.left50 {
  transform: translate3d(-50%, 0, 0);
}

.left100 {
  transform: translate3d(-100%, 0, 0);
}

.rotateX60 {
  transform: rotateX(60deg);
}

.rotateX120 {
  transform: rotateY(120deg);
}

.rotateY60 {
  transform: rotateY(60deg);
}

.rotateY120 {
  transform: rotateX(120deg);
}

/* 动画 */

.animate {
  transition: 1s;
}

.animated_visible.opacity {
  opacity: 1;
}

.animated_visible.top25,
.animated_visible.top50,
.animated_visible.top100,
.animated_visible.right25,
.animated_visible.right50,
.animated_visible.right100,
.animated_visible.bottom25,
.animated_visible.bottom50,
.animated_visible.bottom100,
.animated_visible.left25,
.animated_visible.left50,
.animated_visible.left100 {
  transform: translate3d(0, 0, 0);
}

.animated_visible.rotateX60,
.animated_visible.rotateX120 {
  transform: rotateX(0);
}

.animated_visible.rotateY60,
.animated_visible.rotateY120 {
  transform: rotateY(0);
}

/* 时间 */
.animated_visible.delay0-6 {
  transition-delay: 0.6s;
}
.animated_visible.delay0-7 {
  transition-delay: 0.7s;
}
.animated_visible.delay0-8 {
  transition-delay: 0.8s;
}
.animated_visible.delay0-9 {
  transition-delay: 0.9s;
}
.animated_visible.delay1-0 {
  transition-delay: 1s;
}
.animated_visible.delay1-1 {
  transition-delay: 1.1s;
}
.animated_visible.delay1-2 {
  transition-delay: 1.2s;
}

.animated_visible.delay1-3 {
  transition-delay: 1.3s;
}

.animated_visible.delay1-4 {
  transition-delay: 1.4s;
}

.animated_visible.delay1-5 {
  transition-delay: 1.5s;
}

.animated_visible.delay1-6 {
  transition-delay: 1.6s;
}

.animated_visible.delay1-7 {
  transition-delay: 1.7s;
}

.animated_visible.delay1-8 {
  transition-delay: 1.8s;
}

.animated_visible.delay1-9 {
  transition-delay: 1.9s;
}

.animated_visible.delay2-0 {
  transition-delay: 2s;
}

.animated_visible.delay2-1 {
  transition-delay: 2.1s;
}

.animated_visible.delay2-2 {
  transition-delay: 2.2s;
}

.animated_visible.delay2-3 {
  transition-delay: 2.3s;
}

.animated_visible.delay2-4 {
  transition-delay: 2.4s;
}

.animated_visible.delay2-5 {
  transition-delay: 2.5s;
}

.animated_visible.delay2-6 {
  transition-delay: 2.6s;
}

.animated_visible.delay2-7 {
  transition-delay: 2.7s;
}

.animated_visible.delay2-8 {
  transition-delay: 2.8s;
}

.animated_visible.delay2-9 {
  transition-delay: 2.9s;
}

.animated_visible.delay3-0 {
  transition-delay: 3s;
}

.animated_visible.delay3-1 {
  transition-delay: 3.1s;
}

.animated_visible.delay3-2 {
  transition-delay: 3.2s;
}

.animated_visible.delay3-3 {
  transition-delay: 3.3s;
}

.animated_visible.delay3-4 {
  transition-delay: 3.4s;
}

.animated_visible.delay3-5 {
  transition-delay: 3.5s;
}

.animated_visible.delay3-6 {
  transition-delay: 3.6s;
}

.animated_visible.delay3-7 {
  transition-delay: 3.7s;
}

.animated_visible.delay3-8 {
  transition-delay: 3.8s;
}

.animated_visible.delay3-9 {
  transition-delay: 3.9s;
}

.animated_visible.delay4-0 {
  transition-delay: 4s;
}

.animated_visible.delay4-1 {
  transition-delay: 4.1s;
}

.animated_visible.delay4-2 {
  transition-delay: 4.2s;
}

.animated_visible.delay4-3 {
  transition-delay: 4.3s;
}

.animated_visible.delay4-4 {
  transition-delay: 4.4s;
}

.animated_visible.delay4-5 {
  transition-delay: 4.5s;
}

.animated_visible.delay4-6 {
  transition-delay: 4.6s;
}

.animated_visible.delay4-7 {
  transition-delay: 4.7s;
}

.animated_visible.delay4-8 {
  transition-delay: 4.8s;
}

.animated_visible.delay4-9 {
  transition-delay: 4.9s;
}

.animated_visible.delay5-0 {
  transition-delay: 5s;
}